@media only screen and (max-width: 100px) {
  #background {
    width: 100%;
	background-position:center;
z-index:-5;	
  }
}
body{
	background-image: url("sky.jpg");
	background-color:black;}
html{
  cursor:url('https://image2url.com/r2/default/images/1768595019312-619f0e7b-df96-46d1-b07d-ae17a2dfce09.png'), crosshair;
}
@font-face{
	font-family:woodfont;
	src: url(navbarfont.ttf);
}
@font-face{
	font-family:meepfont;
	src:url(MeepersWriting.ttf);
}
dl.topnav li{
	display: block;
	text-align:center;
	padding:14px 14px;
	text-decoration:none;	
}
article{
	z-index:2;
	float:left;
	width:800px;
	height:380px;
	margin-top:330px;
	padding-top:1px;
	padding-bottom:200px;
	padding-left:auto;
	font-family:meepfont;
	font-size:30px;
	background-color:rgb(238,232,216,.2);
	background-image: linear-gradient(to bottom, rgb(238,232,216,.3), rgb(195,168,133,.3));
	backdrop-filter: blur(5px) saturate(100%);
	margin-left:250px;
}
nav dl {
  list-style-type: none;
  display: flex;
  z-index:1;
  justify-content:center;
  font-size:18px;
  gap:25px;
  font-family:woodfont;
  float:left;
  margin-left:435px;
  position:absolute;
  margin-top:230px;
  margin-bottom:90px;
 cursor:url('https://image2url.com/r2/default/images/1768594870982-d050ddf1-90c2-46cd-b7e7-e81e59f8e945.png'), crosshair;
  }
  a{
	padding-top:20px;
	text-decoration:none;
  }

#logo{
	width:90%;
	height:auto;
	display:block;
	margin:auto;
	margin-left:295px;
	position:absolute;
}

#wrapper{
	width:700px;
	margin:0 auto;
	padding: 40px;
	position:absolute;
}
#navimg{
	z-index:-2;
	width:85%;
	position: absolute;
	inset-inline-start: 360px;
	inset-block-start: 0px;
}
#background{
	z-index:-4;
	position:absolute;
	inset-inline-start: 0px;
	inset-block-start: 0px;
	margin-left:185px;
}
#window{
	z-index:-3;
	width:200px;
	margin-left:1250px;
	margin-top:330px;
}
dl a:visited{
	color:#c79c53;
	cursor:url('https://image2url.com/r2/default/images/1768594870982-d050ddf1-90c2-46cd-b7e7-e81e59f8e945.png'), crosshair;
}
dl a:hover{
	color:white;
	text-shadow: 0 0 5px #f2e45f, 0 0 5px #f2e45f, 0 0 5px #f2e45f;
	cursor:url('https://image2url.com/r2/default/images/1768594870982-d050ddf1-90c2-46cd-b7e7-e81e59f8e945.png'), crosshair;
}
a:link{
	color:#c79c53;
	cursor:url('https://image2url.com/r2/default/images/1768594870982-d050ddf1-90c2-46cd-b7e7-e81e59f8e945.png'), crosshair;
}
dl a:active{
	color:#c79c53;
	cursor:url('https://image2url.com/r2/default/images/1768594870982-d050ddf1-90c2-46cd-b7e7-e81e59f8e945.png'), crosshair;
}

p{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
h2{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}